<template>
  <div class="home-container">
    <el-row :gutter="36">
      <el-col :span="17" :offset="0">
        <my-task></my-task>
        <analyze-task />
      </el-col>
      <el-col :span="7" :offset="0">
        <often-use />
        <auth-item />
      </el-col>
    </el-row>
  </div>
</template>

<script>
import HomeCard from "./widgets/home-card.vue";
import MyTask from "./widgets/my-task.vue";
import OftenUse from "./widgets/often-use.vue";
import AuthItem from "./widgets/auth-item.vue";
import AnalyzeTask from "./widgets/analyze-task.vue";

export default {
  components: { HomeCard, MyTask, OftenUse, AuthItem, AnalyzeTask },
};
</script>

<style lang="scss" scoped>
.home-container {
  padding: 16px 20px 30px 32px;
}
</style>
